$(document).ready(function()
    {
        $.table_master = null;
        
        $.init_master = function()
        {
            $.ajax({
                url: base_url + 'br-02/anggota/get_all',
                type: 'post',
                success : function(data)
                {
                    $.table_master = $('#anggota_master').dataTable({
                        "bJQueryUI": true,
                        "sPaginationType": "full_numbers",
                        "aaData": data.data,
                        "bDestroy": true,
                        "sScrollX": "100%",
                        "sScrollXInner": "200%",
                        "bScrollCollapse": true,
                        "aoColumns":[
                                
                                    {'sTitle' : 'ID Anggota', 'mDataProp' : 'ID_ANGGOTA'},

                                    {'sTitle' : 'Nama', 'mDataProp' : 'NAMA_ANGGOTA'},

                                    //{'sTitle' : 'Unit', 'mDataProp' : 'ID_UNIT'},

                                    {'sTitle' : 'Unit', 'mDataProp' : 'KODE_UNIT'},

                                    /*{'sTitle' : 'NO_BARU', 'mDataProp' : 'NO_BARU'},

                                    {'sTitle' : 'SN', 'mDataProp' : 'SN'},

                                    {'sTitle' : 'GGI', 'mDataProp' : 'GGI'},
*/
  //                                  {'sTitle' : 'Jenis Anggota', 'mDataProp' : 'JENIS_ANGGOTA'},

//                                    {'sTitle' : 'Kota', 'mDataProp' : 'NAMA_KOTA'},

                                    {'sTitle' : 'Divisi', 'mDataProp' : 'NAMA_DIVISI'},

                                    {'sTitle' : 'Alamat', 'mDataProp' : 'ALAMAT'},

                                    {'sTitle' : 'Telepon 1', 'mDataProp' : 'TELPON1'},

                                    {'sTitle' : 'Telepon 2', 'mDataProp' : 'TELPON2'},

                                    {'sTitle' : 'Golongan', 'mDataProp' : 'GOLONGAN'},

                                    {'sTitle' : 'Mulai', 'mDataProp' : 'MULAI'},

                                    {'sTitle' : 'Tgl Lahir', 'mDataProp' : 'TGL_LAHIR'},

                                    {'sTitle' : 'Iuran Pokok', 'mDataProp' : 'IURAN_POKOK'},

                                    {'sTitle' : 'Iuran Wajib', 'mDataProp' : 'IURAN_WAJIB'},

                                    {'sTitle' : 'Tgl Catat', 'mDataProp' : 'TGL_CATAT'},

                                    {'sTitle' : 'Pilihan', 'mDataProp' : 'ID_ANGGOTA'},
							
                            ],
                        "fnRowCallback": function( nRow, aData, iDisplayIndex )
                            {
                                $('td:last', nRow).html('<div style="text-align:center;"> <ul class="action-buttons clearfix"> \n\
                                                            <li> <a class="button button-gray no-text" href="#" onClick="$.update_anggota_form(\''+ $('td:eq(0)', nRow).html() +'\')"> <span class="pencil"></span> </a> </li> \n\
                                                            <li> <a class="button button-gray no-text" href="#" onClick="$.delete_anggota(\''+ $('td:eq(0)', nRow).html() +'\')"> <span class="bin"></span> </a> </li> \n\
                                                        </ul></div>');
                                return nRow;
                            }
                    });
                },
                error: function(res)
                {
                    alert(res.responseText);
                },
                dataType: 'json'
            });
        }
        $.init_master();

        $.add_anggota = function()
        {
            $.call_ajax('br-02/anggota/add/', "#anggota_form", null);
            $('#dialog-anggota-form').dialog('close');
            $.init_master();
        }

        $.update_anggota = function()
        {
            $.call_ajax('br-02/anggota/update/' + $("#ID_anggota").val(), "#anggota_form", null);
            $('#dialog-anggota-form').dialog('close');
            $.init_master();
        }       

        $.delete_anggota = function(id)
        {
            if(!confirm("Apakah anda yakin akan menghapus data ini ?")) return false;
            $.call_ajax('anggota/delete/' + id, null, null);
            $.init_master();
        }

        $('#dialog-anggota-form').dialog({
            title: 'Data anggota',
            width: '950px',
            autoOpen:false,
            modal:true,
            resizable:false
        });

        $.update_anggota_form = function(id)
        {
            $.call_ajax('br-02/anggota/get/' + id, null, "#anggota_form");
            $("#update_submit").show();
            $("#add_submit").hide();
            $('#dialog-anggota-form').dialog('open');
        }

        $.add_anggota_form = function()
        {
            $.clear_form("anggota_form");

            $("#add_submit").show();
            $("#update_submit").hide();
            $('#dialog-anggota-form').dialog('open');
        }

        $("#anggota_form").submit(function() {return false;});

        $("#anggota_add").click($.add_anggota_form);
        $("#add_submit").click($.add_anggota);
        $("#update_submit").click($.update_anggota);
        
    });